<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="icon" href="/assets/logo/favicon.ico"/>
        <title>摩尔庄园</title>
        <link rel="stylesheet" type="text/css" href="./style/common.css">
        <link rel="stylesheet" type="text/css" href="./style/dialog.css">
        <link rel="stylesheet" type="text/css" href="./style/login.css">
        <link rel="stylesheet" type="text/css" href="./style/server.css">
    </head>
    <body>
        <div class="game-box">
            <h2 class="loading-text moleFont"></h2>
            <canvas width="1440" height="896"></canvas>
            <div id="tooltip" class="tooltip"></div>
            <div class="login-box">
                <!-- 登录面板 -->
                <div class="moleFont login-text">
                    米米号/Email:
                </div>
                <div style="margin-bottom: 30px;">
                    <input class="login-input" type="text"/>
                </div>
                <div class="moleFont login-text">
                    密码:
                </div>
                <div style="margin-bottom: 30px;">
                    <input class="login-input" type="password"/>
                </div>

                <div class="flex-between">
                    <div class="flex-center login-checkbox" data-check="0">
                        <img src="./assets/ui/login/uncheck.png" class="pointer"/>
                        <span style="margin-left: 10px;">记住米米号/Email</span>
                    </div>
                    <div class="flex-center login-checkbox" data-check="0">
                        <img src="./assets/ui/login/uncheck.png" class="pointer"/>
                        <span style="margin-left: 10px;">记住密码</span>
                    </div>
                </div>

                <div class="flex-between" style="margin-top: 50px;">
                    <div class="login-button pointer" onclick="register()">
                        <img src="./assets/ui/login/1125.png"/>
                        <span class="moleFont">注册</span>
                    </div>
                    <div class="login-button pointer" onclick="login()">
                        <img src="./assets/ui/login/1125.png"/>
                        <span class="moleFont">登录</span>
                    </div>
                </div>

            </div>

            <div class="server-box">
                <div class="server-bg">
                    <h1 class="moleFont">请选择为你推荐的服务器</h1>
                    <div class="server-list">
                    </div>
                    <h3>适度游戏益脑 沉迷游戏伤身 合理安排时间 享受健康生活</h3>
                </div>
            </div>

            <div class="dialog-box">
                <p class="dialog-text"></p>
                <img class="dialog-img" src="./assets/dialog/default.png"/>
                <div class="flex-between dialog-button">
                    <div class="dialog-confirm pointer dialog-shadow">
                        <img src="./assets/dialog/confirm.png"/>
                    </div>
                    <div class="dialog-cancel pointer dialog-shadow">
                        <img src="./assets/dialog/cancel.png"/>
                    </div>
                    <div class="dialog-yes pointer dialog-shadow">
                        <img src="./assets/dialog/yes.png"/>
                    </div>
                </div>
                <img class="dialog-close pointer" src="./assets/dialog/close.png"/>
            </div>
            <!-- <p style="color: red;position:fixed;top: 10px;right:10px;font-size: 30px;" id="noticeText"></p> -->
        </div>
        <div class="other">
            <div class="advertise">
                <div>
                    <a href="http://www.61.com" target="_blank">
                        <img src="./assets/taomi.png" style="width: 250px;"/>
                    </a>
                </div>
                <div>
                    <a href="http://mole.61.com/" target="_blank">
                        <img src="./assets/mole.png" style="width:150px"/>
                    </a>
                </div>
            </div>
            <div class="line"></div>
            <div class="help">
                <h1>· 帮助</h1>
                <p>* 由于设计图比较大，可能会导致游戏画面占比过多，可以尝试缩小浏览器页面的比例，以适应游戏画面在页面的显示</p>
                <p>* 目前版本摩尔的移动采用键盘控制，即 WASD 控制摩尔上下左右移动</p>
            </div>
            <div class="about">
                <h1>· 关于&作者</h1>
                <p>* 此版本为摩尔庄园的第N个复刻版本，非1:1还原，有些内容是按照我自己的想法去设计的，不过大部分内容都是尽可能还原页游</p>
                <p>* 如有侵权，请及时联系作者进行修改或删除，最终解释权归淘米公司所有</p>
                <p>* 作者：<a href="https://space.bilibili.com/3493130575808580" target="_blank" style="color: rgb(25, 142, 219);">Laosiji大大</a></p>
            </div>
            <div class="thank">
                <h1>· 感谢</h1>
                <p>* <a href="https://space.bilibili.com/22797369" target="_blank" style="color: rgb(25, 142, 219);">32778068</a></p>
                <p>* <a href="https://space.bilibili.com/3388961" target="_blank" style="color: rgb(25, 142, 219);">MyApril15</a></p>
            </div>
        </div>
    </body>
  
  
    <script>
        // document.body.style.zoom = "80%";
    </script>
    <script
        src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.2.3/howler.min.js"
        integrity="sha512-6+YN/9o9BWrk6wSfGxQGpt3EUK6XeHi6yeHV+TYD2GR0Sj/cggRpXr1BrAQf0as6XslxomMUxXp2vIl+fv0QRA=="
        crossorigin="anonymous"
        referrerpolicy="no-referrer"
    ></script>
    <!--加载配置文件-->
    <script src="config/index.js" defer></script>
    <!--加载音乐文件-->
    <script src="audio/audio.js" defer></script>
    <!--加载工具类文件-->
    <script src="utils/index.js" defer></script>
    <!--加载任务事件文件-->
    <script src="config/events.js" defer></script>
    <!--加载类文件-->
    <script src="class/classes.js" defer></script>
    <!--加载地图文件-->
    <script src="maps/maps.js" defer></script>
    <!--加载地图方块文件-->
    <script src="maps/map_colllsions.js" defer></script>
    <!--加载主文件-->
    <script src="index.js" defer></script>
    <!--加载网络通讯文件-->
    <script src="socket/index.js" defer></script>
    <!-- 加载登录文件 -->
    <script src="js/login.js" defer></script>
    <!-- 加载服务器选择文件 -->
    <script src="js/server.js" defer></script>
</html>
